﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="author" content="金西振">
	<title></title>
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<div id="box">
		<div class="top">
			<div class="info">
				<div class="icon"></div>
				<ul class="indicator">
					<li class="active"></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<div class="btn">
					<span class="prev"></span>
					<span class="next"></span>
				</div>
			</div>
			<div class="more">
				<a href="#">更多&gt;&gt;</a>
			</div>
		</div>
		<ul class="list">
			<div class="sbox">
				<li>
					<a href="#"><img src="./img/01.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
				<li>
					<a href="#"><img src="./img/01.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
				<li>
					<a href="#"><img src="./img/01.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
				<li>
					<a href="#"><img src="./img/01.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
			</div>
			<div class="sbox">
				<li>
					<a href="#"><img src="./img/02.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
				<li>
					<a href="#"><img src="./img/02.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
				<li>
					<a href="#"><img src="./img/02.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
				<li>
					<a href="#"><img src="./img/02.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
			</div>	
			<div class="sbox">
				<li>
					<a href="#"><img src="./img/03.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
				<li>
					<a href="#"><img src="./img/03.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
				<li>
					<a href="#"><img src="./img/03.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
				<li>
					<a href="#"><img src="./img/03.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
			</div>
			<div class="sbox">
				<li>
					<a href="#"><img src="./img/04.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
				<li>
					<a href="#"><img src="./img/04.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
				<li>
					<a href="#"><img src="./img/04.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
				<li>
					<a href="#"><img src="./img/04.jpg" alt=""><p class="name">海贼王</p></a>
					<p class="count">播放：<i>28,276</i></p>
				</li>
			</div>
		</ul>
	</div>

	<script src="js/jquery.js"></script>
	<script src="js/index.js"></script>
</body>
</html>